body{
	font-family: "微软雅黑";
}
.uml_easel{
	width:100%;
	height:450px;
	overflow:auto;
	background: #e8e8e8;
}
.uml_canvas{
	width:1600px;
	height:1000px;
	position:relative;
	-webkit-transform-origin:0px 0px;
}
.uml_canvas .node .name ,.uml_canvas .node .header{
	cursor:move;
	text-align:center;
}
.uml_canvas .node {
	min-width:100px;
	position:absolute;
	border-radius:0px;
	border:1px solid #5890c1;
	font-size:14px;
	
}
.svg_canvas {
	position:absolute;
	width:100%;
	height:100%;
}
.actions ,.properties ,.enumItems{
	border-top:1px #5890c1 solid;
	min-height:10px;
}

.tools,.uml_canvas{
	float:left;
}
/*线条的样式*/
marker path {
	fill:#FFF;
	stroke:#5890c1;
}
.uml_lines polyline {
	stroke-width:2px;
	stroke:#5890c1;
	cursor:pointer;
	transition: 0.3s stroke-width;
}

.uml_lines .active polyline{
	stroke-width:3px;
}

#template{display:none;}
#node-template .node{
	cursor:pointer;
	width:180px;
	position:relative;
	margin:10px;
	-webkit-transform:scale(0.5);
	-moz-transform:scale(0.5);
}
.uml_canvas .node {
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#CCFFFF), to(#CCFFFF));
	font-size:13px;
}
.node .property{
	transition: 0.3s;
	padding:0 3px;
}
.uml_canvas .property div{
	height:18px;
	line-height:18px;
	display:inline;
}
.uml_canvas .properties .active{
	-moz-box-shadow: 0px 0px 12px #CCCCCC;
	-webkit-box-shadow: 0px 0px 12px #CCCCCC;
	box-shadow: 0px 0px 12px #CCCCCC;
	background:#F7E1B5;
}
.node .property:before{
	content:"+ ";
}
.propertyName,.propertyType,.relation{min-width:30px;}
.properties,.actions{
	
}
.node .action {
	padding:0 3px;
}
.node .action div{
	display	: inline;
}
.node .action:before{
	content:"+ ";
	vertical-align:middle;
}


/*画布工具栏*/
.tools {
	border:#5890C1 1px solid;
	position:absolute;
	z-index:100;
}
.tools div {
	padding-left:17px;
	height 	: 17px;
	line-height:15px;
	margin 	: 5px;
	cursor 	: pointer;
	vertical-align: middle;
}
.folder div span{
	display:none!important;
}
.tools div span{
	display:block;
	padding-left:7px;
	height:17px;
}
.tools .cursor{background:url("../images/icons/cursor.png") no-repeat 0 1px;}
.tools .entity{background:url("../images/icons/class.png") no-repeat 0 1px;}
.tools .interface{background:url("../images/icons/interface.gif") no-repeat 0 1px;}
.tools .enum{background:url("../images/icons/enum.png") no-repeat 0 1px;}
.tools .property{background:url("../images/icons/property.png") no-repeat 0 1px;}
.tools .enumItem{background:url("../images/icons/enumItem.png") no-repeat 0 1px;}
.tools .action{background:url("../images/icons/action.png") no-repeat 0 1px;}
.tools .extends{background:url("../images/icons/generalizatic.gif") no-repeat 0 1px;}
.tools .implements{background:url("../images/icons/realization.gif") no-repeat 0 1px;}
.tools .aggregate{background:url("../images/icons/aggregate.gif") no-repeat 0 1px;}
.tools .compose{background:url("../images/icons/compose.gif") no-repeat 0 1px;}
.tools .associate{background:url("../images/icons/associate.gif") no-repeat 0 1px;}
.tools .current-tool{box-shadow: 0 0 10px #000000;}

/*各种右键菜单的样式*/
.contextmenu{
	border:#bcbcbc 1px solid;
	background:#f0f0f0;
	position:absolute;
	border-radius:1px;
	-webkit-box-shadow: 2px 5px 10px rgba(0,0,0,.4);
	box-shadow: 2px 5px 10px rgba(0,0,0,.4);
	display:none;
}
.contextmenu_item{
	height:20px;
	line-height:18px;
	min-width:0px;
	overflow:hidden;
	margin: 3px;
	display:table-row;
	cursor:pointer;
} 
.contextmenu div:hover{
	background-color:#c8d7e6;
}
.contextmenu_item div{
	margin:1px 3px;
	padding-left:20px;
	font-size:14px;
	line-height:18px;
	height:20px;
	padding-right:5px;
}

/*属性、行为、枚举项、常量的右键菜单的显示控制*/
.contextmenu_item div{background:no-repeat 0 2px;}
.add_property div{background-image:url("../images/icons/property.png");}
.add_action div{background-image:url("../images/icons/action.png");}
.add_enumItem div{background-image:url("../images/icons/enumItem.png");}
.entity .add_enumItem {display:none;}
.interface .add_enumItem, .interface .add_property{display:none;}
.enum .add_action,.enum .add_property{display:none;}

.add_entity div{background-image:url("../images/icons/class.png");}
.add_interface div{background-image:url("../images/icons/interface.gif");}
.add_enum div{background-image:url("../images/icons/enum.png");}

.uml_canvas .legal{
	background:#CCFFCC!important;
	border-color:#009933;
}
.uml_canvas .illegal{
	background:#CCFFFF!important;
	border-color:#FF6666;
}
.uml_canvas .legal *{cursor:crosshair!important;}
.uml_canvas .illegal *{cursor:not-allowed!important;}

/*编辑对话框样式*/
